<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/>
    <meta name="renderer" content="webkit"/>
    <!--<meta property="qc:admins" content="15317273575564615446375"/>-->
    <!--<meta property="og:image" content="https://static.segmentfault.com/v-5be168e8/global/img/touch-icon.png"/>-->
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
    <meta name="alexaVerifyID" content="LkzCRJ7rPEUwt6fVey2vhxiw1vQ"/>
    <meta name="apple-itunes-app" content="app-id=958101793, app-argument=">
    <title>ItBus it技术社区</title>
    <meta name="description" content="最近一个新的项目，CSS-Inspiration，挖掘了其他很多有关 CSS 阴影的点子，是之前的文章没有覆盖到的新内容，而且有一些很有意思，遂打算再起一篇。"/>
    <meta name="keywords" content="css技巧,css"/>
    <!--<link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="SegmentFault"/>-->
    <!--<link rel="shortcut icon" href="https://static.segmentfault.com/v-5be168e8/global/img/favicon.ico"/>-->
    <!--<link rel="apple-touch-icon" href="https://static.segmentfault.com/v-5be168e8/global/img/touch-icon.png">-->
    <meta name="msapplication-TileColor" content="#009a61"/>
    <!--<meta name="msapplication-square150x150logo" content="https://static.segmentfault.com/v-5be168e8/global/img/touch-icon.png"/>-->
    <!--<meta name="baidu_union_verify" content="bcf7fd80dca60d53d46d5b46e1b990ca">-->
    <!--<link rel="alternate" type="application/atom+xml" title="SegmentFault 最新问题" href="/feeds/questions">-->
    <!--<link rel="alternate" type="application/atom+xml" title="SegmentFault 最新文章" href="/feeds/blogs">-->
    <!--<link rel="stylesheet" href="https://static.segmentfault.com/v-5be168e8/global/css/global.css"/>-->
    <!--<link rel="stylesheet" href="https://static.segmentfault.com/v-5be168e8/blog/css/blog.css"/>-->
    <!--<link rel="stylesheet" href="https://static.segmentfault.com/v-5be168e8/global/css/responsive.css"/>-->
    {css href="/static/css/sf/global.css" /}
    {css href="/static/css/sf/blog.css" /}
    {css href="/static/css/sf/responsive.css" /}
    {js href="/static/js/sf/spcjs.js" /}
    <!--<script type='text/javascript' src='https://sponsor.segmentfault.com/spcjs.php?id=1&block=1&repu=0&tag=css技巧,css'></script>-->
</head>
<!-- 推荐引擎 -->
<script charset="utf-8" id="ParadigmSDK" src="https://nbrecsys.4paradigm.com/sdk/js/ParadigmSDK_v2.js" data="216" defSI="594"></script><script>
    ParadigmSDK.init("46e957bd9dea4acdaa15b4b64aff728f");
    ParadigmSDK.trackDetailPageShow();
</script>
<body data-mod="blog" class="blog-post ">
<!--[if lt IE 9]>
<div class="alert alert-danger topframe" role="alert">
    你的浏览器实在<strong>太太太太太太旧了</strong>，放学别走，升级完浏览器再说 <a target="_blank" class="alert-link" href="http://browsehappy.com">立即升级</a>
</div>
<![endif]-->
<img id="icon4weChat" style="height: 0;width: 0;" data-src="https://static.segmentfault.com/v-5be168e8/global/img/touch-icon-512.png">
<div id="gridMapHoverBox" style="position:absolute; border: 1px solid #009a61; z-index:99; font-size: 10px; background:#fff"></div>
<div class="global-nav sf-header sf-header--index">
    <div class="bottom-nav visible-xs visible-sm ">
        <div class="opts">
            <a class="opts-group " href="/"><i class="fa fa-home" aria-hidden="true"></i><span>首页</span></a>
            <a class="opts-group " href="/questions"><i class="fa fa-comments" aria-hidden="true"></i><span>问答</span></a>
            <a class="opts-group active" href="/blogs"><i class="fa fa-pencil-square" aria-hidden="true"></i><span>专栏</span></a>
            <a class="opts-group " href="/lives"><i class="fa fa-play-circle" aria-hidden="true"></i><span>讲堂</span></a>
            <div class="opts-group">
                <div class="btn-group dropup">
                <i class="fa fa-bars dropdown hoverDropdown" data-toggle="dropdown" aria-hidden="true"><span>更多</span></i>
                    <ul class="dropdown-menu">
                        <li><a href="/jobs">职位</a></li>
                        <li><a href="/events">活动</a></li>
                        <li><a href="/tags">标签</a></li>
                        <li><a href="/badges">徽章</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <nav class="container nav">
        <div class="visible-xs visible-sm header-response">
            <a href="/search" style="display:block"><i class="fa fa-search" aria-hidden="true"></i></a>
            <div class="sf-header__logo sf-header__logo--response">
                <h1><a href="/" style="height:24px; background-size: auto 24px;"></a></h1>
            </div>
            <a href="/user/login" class="pull-right login-btn"><i class="fa fa-user" aria-hidden="true"></i></a>
        </div>
        <script>
            mobileScroll(
                function(direction) {
                    try {
                        if (direction === 'down') {
                            document.querySelector('.bottom-nav').classList.add('hidden')
                        } else {
                            document.querySelector('.bottom-nav').classList.remove('hidden')
                        }
                    } catch(err) {}
                }
            );
            function mobileScroll( fn ) {
                var beforeScrollTop = document.documentElement.scrollTop || document.body.scrollTop,
                    fn = fn || function() {};
                window.addEventListener("scroll", function() {
                    var afterScrollTop = document.documentElement.scrollTop || document.body.scrollTop,
                        delta = afterScrollTop - beforeScrollTop;
                    if( delta === 0 ) return false;
                    fn( delta > 0 ? "down" : "up" );
                    beforeScrollTop = afterScrollTop;
                }, false);
            }
        </script>
        <div class="row hidden-xs hidden-sm">
            <div class="col-sm-8 col-md-9 col-lg-9">
                <div class="sf-header__logo">
                    <h1><a href="/">SegmentFault</a></h1>
                </div>
                <div>
                    <ul class="menu list-inline pull-left hidden-xs">
                        <li class="menu__item"><a href="/" class="">首页</a></li>
                        <li class="menu__item"><a href="/questions" class="">问答</a></li>
                        <li class="menu__item"><a href="/blogs" class="active-nav">专栏</a></li>
                        <li class="menu__item"><a href="/lives" class="">讲堂</a></li>
                        <li class="menu__item menu__item--more dropdown">
                            <a href="##" class="dropdown-toggle dropdownBtn" data-toggle="dropdown">
                                发现<i class="fa fa-caret-down" style="font-size: 14px;margin-left: 5px;" aria-hidden="true"></i>
                            </a>
                            <div class="dropdown-block hidden">
                                <ul class="dropdown-content-menu">
                                    <li><a href="/groups">圈子</a></li>
                                    <li><a href="/events">活动</a></li>
                                    <li><a href="/tags">标签</a></li>
                                    <li><a href="/jobs">找工作</a></li>
                                    <li><a href="/users">排行榜</a></li>
                                    <li><a href="/badges">徽章</a></li>
                                    <li><a href="/notes">笔记</a></li>
                                    <li><a href="https://docs.segmentfault.com" target="_blank">开发手册<i style="line-height: 20px;font-size: 12px;color: #F5A623;" class="ml10 fa fa-external-link-square"></i></a></li>
                                    <li><a href="https://business.segmentfault.com/ads?utm_source=sf-header" target="_blank">广告投放<i style="line-height: 20px;font-size: 12px;color: #F5A623;" class="ml10 fa fa-external-link-square"></i></a></li>
                                </ul>
                            </div>
                        </li>
                        <li class="menu__item visible-sm-inline-block"><a href="/search"><span class="glyphicon glyphicon-search" style="vertical-align: middle;"></span></a></li>
                    </ul>
                    <form action="/search" class="header-search  hidden-sm hidden-xs pull-right" >
                        <button class="btn btn-link">
                            <span class="sr-only">搜索</span>
                            <span class="glyphicon glyphicon-search"></span>
                        </button>
                        <input id="searchBox" name="q" type="text"  placeholder="搜索问题或关键字" class="form-control" value="" />
                    </form>
                </div>
            </div>
            <div class="col-sm-4 col-md-3 col-lg-3 text-right">
                <ul class="opts list-inline hidden-xs">
                    <li class="opts__item"><a href="/user/login" class="SFRegister btn-signin" style="margin-bottom:2px;">立即登录</a>
                        <a href="/user/register" class="SFLogin ml10 btn-signup"
                               onClick="_gaq.push(['_trackEvent', 'Button', 'Click', 'Login']);">免费注册</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
</div>

<input id="articleId" value="1190000016935062" class="hidden" />

<div class="wrap" data-blogid="1200000016935048">
    <div class="container mt15" style="position:relative">
        <div class="row">
            <div class="col-xs-12 col-md-9 main ">
                <ol class="breadcrumb mb15">
                    <li><a href="/blogs">专栏</a></li>
                    <li><a href="/blog/icss">iCSS</a></li>
                    <li class="active">文章详情</li>
                </ol>
                <div class="post-topheader custom- pt0">
                    <div class="mb20">
                        <div class="block-for-right-border">
                            <div class="row">
                                <div class="col-md-12 col-sm-12 col-xs-12">


                                    <div class="post-topheader__info" data-username="chokcoco"
                                         data-userslug="chokcoco"
                                         data-useravatar="https://avatar-static.segmentfault.com/125/280/1252802944-577261864009f_big64">


                                        <div class="article__author clearfix">
                                            <div class="article__authorleft">
                                                <a href="/u/chokcoco">
                                                    <img class="avatar-40" src="https://avatar-static.segmentfault.com/125/280/1252802944-577261864009f_big64" alt="chokcoco">
                                                </a>
                                            </div>
                                            <div class="article__authorright">
                                                <div class="article__authormeta">
                                                    <a href="/u/chokcoco" class="mr5 "><strong>chokcoco</strong></a>

                                                    <img src="https://static.segmentfault.com/v-5be168e8/global/img/rp.svg" class="mr5"><span style="color:#BF7158" class="mr10">103</span>

                                                    发布于
                                                    <a href="/blog/icss">iCSS</a>


                                                    <span class="hidden-xs">
                                                                                                                                                          <button type="button"
                                                                                                                                                                  class="btn btn-xs btn-success follow-article ml10"
                                                                                                                                                                  data-do="follow"
                                                                                                                                                                  data-type="blog"
                                                                                                                                                                  data-id="1200000016935048">关注专栏
                                                       </button>
                                                                                                                                                   </span>
                                                </div>

                                                <span style="display: block">
                                                    9 小时前发布
                                                </span>
                                            </div>
                                        </div>

                                        <h1 class="h1 post-topheader__info--title" id="articleTitle" data-id="1190000016935062">
                                            <a href="/a/1190000016935062">{$article.title}</a>
                                        </h1>

                                        <div class="content__tech hidden-xs">
                                            <a href="" class="blog-type-common blog-type-1-before" target="_blank" data-content="
                                                                                        原创
                                                                                        "></a>

                                            <ul class="taglist--inline inline-block article__title--tag mr10">
                                                <li class="tagPopup mb5">
                                                    <a class="tag" href="/t/css%E6%8A%80%E5%B7%A7/blogs" data-toggle="popover"
                                                       data-img="" data-placement="top"
                                                       data-original-title="css技巧"
                                                       data-id="1040000004281430">
                                                        css技巧
                                                    </a>
                                                </li>
                                                <li class="tagPopup mb5">
                                                    <a class="tag" href="/t/css/blogs" data-toggle="popover"
                                                       data-img="https://avatar-static.segmentfault.com/122/960/1229606535-1040000000089434_big64" data-placement="top"
                                                       data-original-title="css"
                                                       data-id="1040000000089434">
                                                        css
                                                    </a>
                                                </li>
                                            </ul>

                                            <span>
                                                427 次阅读
                                                &nbsp;&middot;&nbsp;
                                                读完需要 48 分钟
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div><!-- end .post-topheader -->

                <div class="visible-lg">
                    <div class="side-widget">
                        <div class="stream__item-zan btn btn-default mt0 mb15 ml0 mr0 pt0 pb0 pl0 pr0 " id="side-widget-votes-btn">
                            <span class="stream__item-zan-icon"></span>
                            <span class="stream__item-zan-number" id="side-widget-votes-num">33</span>
                        </div>

                        <i class="fa fa-bookmark item " id="side-widget-bookmarks-btn"></i>
                        <i class="fa fa-weibo item"></i>
                        <i class="fa fa-weixin item" data-toggle="popover" data-placement="right"></i>
                        <i class="fa fa-twitter item"></i>
                        <i class="fa fa-facebook item"></i>
                        <i class="fa fa-arrow-up item hidden"></i>
                    </div>
                </div>


                <div class="article fmt article__content" data-id="1190000016935062" data-license="cc">
                {:html_entity_decode($article.content)}

                </div>

                <div class="clearfix mt10">
                    <ul class="article-operation list-inline pull-left mt15"><li><a target="_blank" href="https://creativecommons.org/licenses/by-nc-nd/4.0/"><img class="mb5" src="https://static.segmentfault.com/v-5be168e8/global/img/creativecommons-cc.svg" height="20"/></a></li><li class="dropdown js__content-ops hidden-xs" data-module="article"
                                                                                                                                                                                                                                                                                            data-id="1190000016935062"
                                                                                                                                                                                                                                                                                            data-typetext="文章"><a href="javascript:void(0);" class="dropdown-toggle text-muted" data-toggle="dropdown"><i class="fa fa-ellipsis-h" aria-hidden="true"></i></a><ul class="dropdown-menu dropdown-menu-left"><li><a href="#911"
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  data-toggle="modal"
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  data-target="#911"
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  data-action="report"
                    >举报</a></li></ul></li></ul>
                    <div class="pull-right mt-10 hidden-xs">
                        <div class="widget-share__full" data-text="你所不知道的 CSS 阴影技巧与细节"
                             data-url="https://segmentfault.com/a/1190000016935062" data-shorturl="http://sfau.lt/b5bjdKk"></div>


                    </div>
                </div>
                <div class="mt10 text-center mb30"><button type="button" id="mainLike" data-id="1190000016935062"
                                                           class="btn btn-success btn-lg mr15 "><span id="mainLikeText">赞</span>&nbsp;&nbsp;<span class="seprator">|</span>&nbsp;&nbsp;
                    <span id="mainLikeNum">33 </span></button><button type="button" id="mainBookmark" data-type="article" data-id="1190000016935062"
                                                                      class="btn btn-default btn-lg "><span id="mainBookmarkText">收藏</span>&nbsp;&nbsp;<span class="seprator">|</span>&nbsp;&nbsp;<span id="mainBookmarkNum">25</span></button></div>
                <script type='text/javascript'>
                    OA_show(3);
                </script>

                <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的</h4>


                <div class="mb15 block">
                    <script type='text/javascript'>
                        OA_show(4);
                    </script>
                </div>

                <div id="paradigm-article-related"></div>


                <div class="comments--news comments--default comments--article
    "
                     data-id="1190000016935062" data-user-id="" data-author-id="1030000005822968 "
                     data-is-admin="null" id="goToReplyArea">
                    <div class="mb10 clearfix">
                        <strong class="comments-stat pull-left mr10">4 条评论</strong>

                        <div class="btn-group btn-group-xs pull-right comments-sort btn-group-menu" role="menu">
                            <a href="javascript:;"
                               class="btn btn-default active" data-sort="default">默认排序</a>
                            <a href="javascript:;"
                               class="btn btn-default" data-sort="desc">时间排序</a>
                        </div>
                    </div>
                    <div class="comments-container">
                        <div class="comments-list">
                            <div class="comments-item" data-id="1050000016935168">
                                <div class="pull-left">
                                    <a href="/u/clrr" target="_blank"><img class="avatar-32 " src="https://avatar-static.segmentfault.com/306/625/3066257950-58eee5bbded1b_big64" alt=""></a>
                                </div>
                                <div class="comments-content">
                                    <div class="comment-trigger">
                                        <div class="pull-right comment-option">
                                            <a href="#911" class="ml10" data-toggle="modal" data-target="#911" data-action="report" data-action-text="举报" data-module="comment" data-id="1050000016935168" data-typetext="评论" data-placement="top" title="举报"><span class="glyphicon glyphicon-flag" aria-hidden="true"></span></a>
                                        </div>
                                        <strong><a target="_blank" href="/u/clrr">Jenny</a></strong>
                                        <span class="comments-isAuthor hide"></span>
                                        <span class="comments-date">  ·  9 小时前</span>
                                    </div>

                                    <div class="fmt mb10"><p>欢迎 coco 入驻 SegmentFault 思否专栏，have fun~</p></div>

                                    <form action="/api/comment/1050000016935168/edit">
                                        <div class="form-group">
                                            <textarea class="editTextarea mono form-control mb10 hidden" rows="1" name="text" style="height: 28px; overflow: hidden; word-wrap: break-word;" >欢迎 coco 入驻 SegmentFault 思否专栏，have fun~</textarea>
                                        </div>
                                    </form>

                                    <p class="comment-ops not-reply">
                    <span class="comments-zan ">
                        <i class="fa fa-thumbs-up mr4" aria-hidden="true"></i>
                        <span class="comments-zan-text">赞</span>
                        <span class="comments-zan-value"></span>
                    </span>

                                        <span class="ml15 comments-reply-btn">回复</span>

                                        <span class="pull-right editBtns hidden">
                      <button class="btn btn-link btn-xs cancel" type="button">取消</button>
                      <button class="btn btn-primary btn-xs edit ml10" type="button">保存</button>
                    </span>
                                    </p>

                                    <div class="reply-list ">


                                        <div class="reply-item" data-id="1050000016936262">
                            <span class="pull-left comment-ops " style="position:absolute;">
                                <span class="mr20 comments-zan ">
                                    <span class="comments-zan-value comment-showhide
                                         islike0-10
                                        ">
                                        0
                                    </span>
                                    <i class="fa fa-thumbs-up comment-showhide ml5" aria-hidden="true"></i>
                                </span>
                            </span>

                                            <div class="reply-content-block">
                                                <div class="reply-content"><p>之前貌似是在掘金发过。</p></div>
                                                <form action="/api/comment/1050000016936262/edit">
                                                    <div class="form-group">
                                                        <textarea class="editTextarea mono form-control mb10 hidden" rows="1" name="text" style="height: 28px; overflow: hidden; word-wrap: break-word;" >之前貌似是在掘金发过。</textarea>
                                                    </div>
                                                </form>
                                                <div class="comment-func inline-block">


                                    <span class="pull-right commentTools ml15">
                                                                                                                                                                <a href="#911" class="ml10" data-toggle="modal" data-target="#911" data-module="comment"
                                                                                                                                                                   data-id="1050000016936262" data-action='report' data-typetext="评论" data-placement="top" title="举报">
                                            <span class="glyphicon glyphicon-flag" aria-hidden="true"></span>
                                        </a>
                                    </span>

                                                    <span class="comment-meta inline-block">
                                        <span> — </span>
                                        <a target="_blank" href="/u/kumfo">
                                            <strong>kumfo</strong>
                                        </a>
                                        <span class="comments-isAuthor hide">

                                        </span>
                                        <span class="text-muted-plus">  ·  8 小时前</span>
                                                                            </span>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="reply-item reply-item--ops" data-obj="obj">
                                            <a class="reply-inner-btn" href="javascript:;">添加回复</a>

                                        </div>
                                    </div>


                                </div>
                            </div>
                            <div class="comments-item" data-id="1050000016937084">
                                <div class="pull-left">
                                    <a href="/u/xboxyan" target="_blank"><img class="avatar-32 " src="https://avatar-static.segmentfault.com/331/003/3310034091-5b98f20356ba3_big64" alt=""></a>
                                </div>
                                <div class="comments-content">
                                    <div class="comment-trigger">
                                        <div class="pull-right comment-option">
                                            <a href="#911" class="ml10" data-toggle="modal" data-target="#911" data-action="report" data-action-text="举报" data-module="comment" data-id="1050000016937084" data-typetext="评论" data-placement="top" title="举报"><span class="glyphicon glyphicon-flag" aria-hidden="true"></span></a>
                                        </div>
                                        <strong><a target="_blank" href="/u/xboxyan">XboxYan</a></strong>
                                        <span class="comments-isAuthor hide"></span>
                                        <span class="comments-date">  ·  7 小时前</span>
                                    </div>

                                    <div class="fmt mb10">
                                        <p>终于转战 SegmentFault 了？</p>
                                        <p>一直收藏你的博客 <a href="https://www.cnblogs.com/coco1s/" rel="nofollow noreferrer">https://www.cnblogs.com/coco1s/</a></p>
                                    </div>

                                    <form action="/api/comment/1050000016937084/edit">
                                        <div class="form-group">
                        <textarea class="editTextarea mono form-control mb10 hidden" rows="1" name="text" style="height: 28px; overflow: hidden; word-wrap: break-word;" >终于转战 SegmentFault 了？

一直收藏你的博客 https://www.cnblogs.com/coco1s/</textarea>
                                        </div>
                                    </form>

                                    <p class="comment-ops not-reply">
                    <span class="comments-zan ">
                        <i class="fa fa-thumbs-up mr4" aria-hidden="true"></i>
                        <span class="comments-zan-text">赞</span>
                        <span class="comments-zan-value"></span>
                    </span>

                                        <span class="ml15 comments-reply-btn">回复</span>

                                        <span class="pull-right editBtns hidden">
                      <button class="btn btn-link btn-xs cancel" type="button">取消</button>
                      <button class="btn btn-primary btn-xs edit ml10" type="button">保存</button>
                    </span>
                                    </p>

                                    <div class="reply-list reply-list--empty">


                                        <div class="reply-item reply-item--ops" data-obj="obj">
                                            <a class="reply-inner-btn" href="javascript:;">添加回复</a>

                                        </div>
                                    </div>


                                </div>
                            </div>
                            <div class="comments-item" data-id="1050000016941967">
                                <div class="pull-left">
                                    <a href="/u/aion1998" target="_blank"><img class="avatar-32 " src="https://avatar-static.segmentfault.com/300/600/3006008994-5be28929807bb_big64" alt=""></a>
                                </div>
                                <div class="comments-content">
                                    <div class="comment-trigger">
                                        <div class="pull-right comment-option">
                                            <a href="#911" class="ml10" data-toggle="modal" data-target="#911" data-action="report" data-action-text="举报" data-module="comment" data-id="1050000016941967" data-typetext="评论" data-placement="top" title="举报"><span class="glyphicon glyphicon-flag" aria-hidden="true"></span></a>
                                        </div>
                                        <strong><a target="_blank" href="/u/aion1998">aion1998</a></strong>
                                        <span class="comments-isAuthor hide"></span>
                                        <span class="comments-date">  ·  2 小时前</span>
                                    </div>

                                    <div class="fmt mb10"><p>妙啊</p></div>

                                    <form action="/api/comment/1050000016941967/edit">
                                        <div class="form-group">
                                            <textarea class="editTextarea mono form-control mb10 hidden" rows="1" name="text" style="height: 28px; overflow: hidden; word-wrap: break-word;" >妙啊</textarea>
                                        </div>
                                    </form>

                                    <p class="comment-ops not-reply">
                    <span class="comments-zan ">
                        <i class="fa fa-thumbs-up mr4" aria-hidden="true"></i>
                        <span class="comments-zan-text">赞</span>
                        <span class="comments-zan-value"></span>
                    </span>

                                        <span class="ml15 comments-reply-btn">回复</span>

                                        <span class="pull-right editBtns hidden">
                      <button class="btn btn-link btn-xs cancel" type="button">取消</button>
                      <button class="btn btn-primary btn-xs edit ml10" type="button">保存</button>
                    </span>
                                    </p>

                                    <div class="reply-list reply-list--empty">


                                        <div class="reply-item reply-item--ops" data-obj="obj">
                                            <a class="reply-inner-btn" href="javascript:;">添加回复</a>

                                        </div>
                                    </div>


                                </div>
                            </div>
                        </div>
                        <div class="comments-loading hide">载入中...</div>
                        <div class="comments-more hide"><a href="javascript:;">显示更多评论</a></div>


                        <div class="comments-box" id="goToReplyEditor">
                            <div class="pull-left">
                                <img class="avatar-32 "
                                     src="https://static.segmentfault.com/v-5be168e8/global/img/user-128.png"
                                     alt=""/>
                            </div>
                            <div class="comments-box-content">
                                <form action="/api/article/1190000016935062/comments/add">
                                    <div class="form-group mb0">
                                        <textarea name="text" rows="3" class="form-control"placeholder="文明社会，理性评论"></textarea>
                                        <div class="mt15 text-right">
                                            <button type="button" class="hide"></button>
                                            <button class=" btn btn-primary" type="button">发布评论</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>






            </div><!-- /.main -->


            <div class="col-md-3 side hidden-sm hidden-xs mt30">

                <div class="mb25 hidden-md hidden-sm hidden-xs">
                    <img src="https://static.segmentfault.com/sponsor/20181107.png" alt="Planets" usemap ="#gridsMap" width=255 height=136>
                    <map name="gridsMap" id="gridsMap"></map>
                    <div style="text-align: center;"><a style="text-align:center; color:#9E9E9E; font-size:12px" href="/sponsor">想在上方展示你的广告？</a></div>
                    <script async src="https://static.segmentfault.com/sponsor/20181107.js"></script>
                </div>

                <style>
                    .job-recommend-area a:not(:last-of-type) {margin-bottom:10px; display: block}
                    .job-recommend-area a:hover {text-decoration: none;}
                </style>
                <div class="hidden-md">
                    <div class="job-recommend">
                        <h3 class="job-title">推广链接</h3>
                        <div class="job-recommend-area">
                            <script type='text/javascript'>
                                OA_show(7);
                                OA_show(9);
                                OA_show(10);
                                OA_show(15);
                                OA_show(16);
                            </script>
                        </div>
                    </div>
                    <style>
                        .job-recommend {margin-bottom: 30px;}
                        .job-title {
                            font-size: 14px;
                            color: #017E66;
                            font-weight: 500;
                            background: #BFE6D7;
                            margin: 0;
                            padding-top: 6px;
                            padding-bottom: 6px;
                            text-align: center;
                        }
                        .job-recommend-area {
                            padding: 13px;
                            border: 3px solid #EBF7F3;
                            border-top: none;
                        }
                    </style>

                </div>


                <div class="hidden-md ad-should-be-fixed">
                    <div class="mb25 block">
                        <script type='text/javascript'>
                            OA_show(1);
                        </script>
                    </div>
                </div>
                <div class="post-nav hidden-xs">
                    <div class="panel panel-default widget-outline">
                        <div class="panel-heading">目录</div>
                        <div class="panel-body">
                            <div class="nav-body" style="overflow:scroll">
                                <div class="highlight-title"></div>
                                <ul class="articleIndex"></ul>
                            </div>
                        </div>
                    </div>
                </div>


            </div><!-- /.side -->
        </div>
    </div>
</div>

<div id="shareToWeiboModal" class="modal" tabindex='-1'>
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">×</span><span class="sr-only">Close</span>
                </button>
                <h4 class="modal-title">分享</h4>
            </div>
            <div class="modal-body">
                <p class="sfModal-content">
                    分享到微博？
                </p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default dont-likeweibo" data-dismiss="modal">取消</button>
                <a href="" id="shareLink" class="btn btn-primary done-btn" target="_blank"
                   onclick="$('#shareToWeiboModal').modal('hide')">分享</a>
            </div>
        </div>
    </div>
</div>


<div class="modal widget-911" id="911" tabindex='-1'>
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button class="close" data-dismiss="modal" type="button">
                    <span aria-hidden="true">&times;</span>
                    <span class="sr-only">Close</span>
                </button>
                <h4 class="modal-title"><span data-model="action"></span><span data-model="type"></span></h4>
            </div>
            <div class="modal-body">
                <form id="reportForm">
                    <!-- 后台返回信息 -->
                    <p class="alert alert-warning" data-model="returnMsg"></p>
                    <div data-role="base">
                        <p>
                            <strong class="required">我要<span data-model="action"></span>该<span data-model="type"></span>，理由是：</strong>
                        </p>
                        <ul class="list-unstyled" data-model="list"></ul>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button class="btn btn-default pull-left" type="button" data-role="back" style="display:none">返回重选</button>
                <button class="btn btn-default" data-dismiss="modal" type="button">取消</button>
                <button class="btn btn-primary" data-role="submit" type="button">提交</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<div class="modal widget-seo" id="seo" tabindex='-1'>
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button class="close" data-dismiss="modal" type="button">
                    <span aria-hidden="true">&times;</span>
                    <span class="sr-only">Close</span>
                </button>
                <h4 class="modal-title"><span data-model="action"></span><span data-model="type"></span></h4>
            </div>
            <div class="modal-body">
                <form id="seoForm">
                    <!-- 后台返回信息 -->
                    <p class="alert alert-warning" data-model="returnMsg"></p>
                    <div data-role="base">
                        <div class="form-group">
                            <label>SEO标题：</label><textarea style="min-height: 35px; width: 100%; max-height: 132px; overflow: hidden; overflow-wrap: break-word; height: 32px;" name="title" class="form-control" rows="1" placeholder="请输入SEO标题"></textarea>
                        </div>
                        <div class="form-group">
                            <label>SEO描述：</label><textarea style="min-height: 35px; max-height: 132px; overflow: hidden; overflow-wrap: break-word; height: 32px;" name="desc" class="form-control" rows="1" placeholder="请输入SEO描述"></textarea>
                        </div>
                        <div class="form-group">
                            <label>SEO keywords：</label><textarea style="min-height: 35px; max-height: 132px; overflow: hidden; overflow-wrap: break-word; height: 32px;" name="keywords" class="form-control" rows="1" placeholder="请输入SEO keywords"></textarea>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button class="btn btn-default" data-dismiss="modal" type="button">取消</button>
                <button class="btn btn-primary" data-role="submit" type="button">提交</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<div id="loginBanner"  class="hidden-sm hidden-xs loginBanner">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 col-md-7">
                <h1 class="title">在 SegmentFault，学习技能、解决问题</h1>
                <p class="desc">每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。</p>
            </div>
            <div class="col-lg-3 col-lg-offset-3 col-md-4 col-md-offset-1">
                <form class="register-form clearfix" action="/api/user/phone/register">


                    <a href="/user/register" class="SFLogin btn btn-lg btn-primary mr15">免费注册</a>
                    <a href="/user/login" class="SFRegister btn btn-lg btn-primary">立即登录</a>
                </form>
            </div>
        </div>
    </div>
</div>






{include file="public/footer"}

<div id="fixedTools" class="hidden-xs hidden-sm">
    <a id="backtop" class="hidden border-bottom" href="#">回顶部</a>
</div>

<script id="loginModal" type="text/template">
    <div class="row bg-white login-modal">
        <div class="col-md-12 login-wrap">
            <form action="/api/user/login" method="POST" role="form" class="mt15">
                <div class="form-group hidden">
                    <input type="text" class="form-control" name="remember" value="1"
                           autocomplete="off">
                </div>
                <div class="form-group">
                    <label for="username" class="control-label">手机号 或 Email</label>
                    <input type="text" class="form-control" name="username" tabindex="1" required placeholder="11 位手机号 或 Email"
                           autocomplete="off">
                </div>
                <div class="form-group">
                    <label class="control-label">密码</label><span class="pull-right"><a
                        href="/user/forgot" tabindex="4">忘记密码</a></span>
                    <input type="password" class="form-control" name="password" tabindex="2" required placeholder="请输入密码">
                </div>
                <div class="form-group">
                    <a

                            href="/user/phoneLogin"
                            class="phoneLogin"
                    >手机验证码登录</a>
                </div>
                <div class="form-group clearfix">
                    <button type="submit" class="btn-block btn btn-primary pull-right pl20 pr20" tabindex="3"
                            onclick='ga("send", "event", "email login button", "clicked", "login modal");'>登录
                    </button>
                </div>
            </form>
            <div class="text-muted text-center more-login-area">
                <span class="more-login-words">更多登录方式</span>
            </div>
            <div class="widget-login mb15 text-center">
                <a href="/user/oauth/google" class=""
                   onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "google"});'><span
                        class="icon-sn-google"></span></a>
                <a href="/user/oauth/github" class=""
                   onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "github"});");'><span
                        class="icon-sn-github"></span></a>
                <a href="/user/oauth/weibo" class=""
                   onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "weibo"});'><span
                        class="icon-sn-weibo"></span></a>
                <a href="/user/oauth/qq" class=""
                   onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "qq"});'><span
                        class="icon-sn-qq"></span></a>
                <a href="/user/oauth/weixin" class=""
                   onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "qq"});'><span
                        class="icon-sn-weixin"></span></a>
                <a href="/user/oauth/linkedin" class=""
                   onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "linkedin"});'><span
                        class="icon-sn-linkedin"></span></a>
                <span id="loginShowMore" style="cursor: pointer" class="mb5"><span class="icon-sn-dotted"></span></span>
                <a href="/user/oauth/twitter" class=" hidden"
                   onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "twitter"});'><span
                        class="icon-sn-twitter"></span></a>
                <a href="/user/oauth/facebook" class=" hidden"
                   onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "facebook"});'><span
                        class="icon-sn-facebook"></span></a>
                <a href="/user/oauth/douban" class=" hidden"
                   onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "douban"});'><span
                        class="icon-sn-douban"></span></a>
            </div>
            <div class="form-group clearfix">
                <a class="btn-block btn btn-default pull-right pl20 pr20
                        SFLogin
             "


                   onclick='ga("send", "event", "email login button", "clicked", "login modal");'>
                    注册新账号
                </a>
            </div>
            <p class="text-muted text-center mb15">登录即表示你同意网站的<a href="/tos" target="_blank">《服务条款》</a></p>        </div>
    </div>
</script>
<script id="registerModal" type="text/template">
    <div class="row bg-white login-modal">
        <div class="col-md-12 login-wrap">

            <form action="/api/user/register" method="POST" role="form" class="mt15">
                <div class="form-group">
                    <label for="name" class="control-label">你的名字</label>
                    <input type="text" class="form-control" name="name" required placeholder="真实姓名或常用昵称">
                </div>

                <div class="form-group">
                    <label for="mail" class="control-label">手机号 或 Email</label>
                    <input type="text" class="form-control" id="login-name" name="mail" required placeholder="11 位手机号 或 Email">
                </div>

                <input type="text" class="hidden" name="register_type" value="mail">

                <div class="form-group">
                    <div class="phone-register-only hidden">
                        <div class="captchaInput mb10">
                            <input type="text" class="form-control" name="cap" placeholder="右侧的验证码" style="width:50%; display: inline; margin-right: 15px;">
                            <span class="mt10">
                                <a id="loginReloadCaptcha" href="javascript:void(0)">
                                <img src="/user/captcha?w=135&h=34" class="cap" width="135" height="34"/></a>
                            </span>
                        </div>
                        <div class="input-group">
                            <input name="code" type="text" class="form-control js-user-login__phone-code-value" placeholder="短信验证码">
                            <span class="input-group-btn">
                                <button class="btn btn-default js-user-login__phone-vaild-btn" style="width:96px;" type="button">
                                获取验证码</button>
                            </span>
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <label for="password" class="control-label">密码</label>
                    <input type="password" class="form-control" name="password" required placeholder="不少于 6 位的密码">
                </div>
                <div class="form-group clearfix">
                    <button type="submit" class="btn-block btn btn-primary pl20 pr20 pull-right"
                            onclick='ga("send", "event", "email register button", "clicked", "login modal");'>注册
                    </button>
                </div>
                <div class="text-muted text-center more-login-area">
                    <span class="more-login-words">更多登录方式</span>
                </div>
                <div class="widget-login mb15 text-center">
                    <a href="/user/oauth/google" class=""
                       onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "google"});'><span
                            class="icon-sn-google"></span></a>
                    <a href="/user/oauth/github" class=""
                       onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "github"});");'><span
                            class="icon-sn-github"></span></a>
                    <a href="/user/oauth/weibo" class=""
                       onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "weibo"});'><span
                            class="icon-sn-weibo"></span></a>
                    <a href="/user/oauth/qq" class=""
                       onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "qq"});'><span
                            class="icon-sn-qq"></span></a>
                    <a href="/user/oauth/weixin" class=""
                       onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "qq"});'><span
                            class="icon-sn-weixin"></span></a>
                    <a href="/user/oauth/linkedin" class=""
                       onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "linkedin"});'><span
                            class="icon-sn-linkedin"></span></a>
                    <span id="loginShowMore" style="cursor: pointer" class="mb5"><span class="icon-sn-dotted"></span></span>
                    <a href="/user/oauth/twitter" class=" hidden"
                       onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "twitter"});'><span
                            class="icon-sn-twitter"></span></a>
                    <a href="/user/oauth/facebook" class=" hidden"
                       onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "facebook"});'><span
                            class="icon-sn-facebook"></span></a>
                    <a href="/user/oauth/douban" class=" hidden"
                       onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "douban"});'><span
                            class="icon-sn-douban"></span></a>
                </div>
                <div class="form-group clearfix">
                    <a class="btn-block btn btn-default pull-right pl20 pr20
                        SFRegister
             "


                       onclick='ga("send", "event", "email login button", "clicked", "login modal");'>
                        已有账号登录
                    </a>
                </div>
                <p class="text-muted text-center mb15">登录即表示你同意网站的<a href="/tos" target="_blank">《服务条款》</a></p>            </form>
        </div>
    </div>
</script>
<script id="phoneLoginModal" type="text/template">

    <div class="row bg-white login-modal phonelogin-modal">
        <div class="col-md-12 login-wrap">
            <form action="/api/user/phonelogin" method="POST" role="form" class="mt15">
                <div class="form-group">
                    <label for="phone" class="control-label required">手机号</label>
                    <input type="text" class="form-control phonelogin--phone" name="phone" tabindex="1" required placeholder="11 位手机号"
                           autocomplete="off">
                    <span class="help-block"></span>
                </div>

                <div class="form-group">
                    <label for="authCode" class="control-label required">验证码</label>
                    <div class="input-group">
                        <input type="text" class="form-control bindphone--code" name="authCode" placeholder="短信验证码">
                        <span class="input-group-btn">
                            <button class="btn btn-default user-bind__phone-vaild-btn" type="button">获取验证码</button>
                        </span>
                    </div>
                    <div class="col-sm-3"></div>
                </div>

                <div class="form-group">
                    <a
                            href="/user/login"
                            class="SFRegister"
                    >密码登录（手机号或 Email）</a>
                </div>
                <div class="form-group clearfix">
                    <button type="submit" class="btn-block btn btn-primary pull-right pl20 pr20" tabindex="3"
                            onclick='ga("send", "event", "email login button", "clicked", "login modal");'>登录
                    </button>
                </div>
            </form>
            <div class="text-muted text-center more-login-area">
                <span class="more-login-words">更多登录方式</span>
            </div>
            <div class="widget-login mb15 text-center">
                <a href="/user/oauth/google" class=""
                   onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "google"});'><span
                        class="icon-sn-google"></span></a>
                <a href="/user/oauth/github" class=""
                   onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "github"});");'><span
                        class="icon-sn-github"></span></a>
                <a href="/user/oauth/weibo" class=""
                   onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "weibo"});'><span
                        class="icon-sn-weibo"></span></a>
                <a href="/user/oauth/qq" class=""
                   onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "qq"});'><span
                        class="icon-sn-qq"></span></a>
                <a href="/user/oauth/weixin" class=""
                   onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "qq"});'><span
                        class="icon-sn-weixin"></span></a>
                <a href="/user/oauth/linkedin" class=""
                   onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "linkedin"});'><span
                        class="icon-sn-linkedin"></span></a>
                <span id="loginShowMore" style="cursor: pointer" class="mb5"><span class="icon-sn-dotted"></span></span>
                <a href="/user/oauth/twitter" class=" hidden"
                   onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "twitter"});'><span
                        class="icon-sn-twitter"></span></a>
                <a href="/user/oauth/facebook" class=" hidden"
                   onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "facebook"});'><span
                        class="icon-sn-facebook"></span></a>
                <a href="/user/oauth/douban" class=" hidden"
                   onclick='ga("send", "event", "3rd login button", "clicked", "login modal", {media: "douban"});'><span
                        class="icon-sn-douban"></span></a>
            </div>
            <div class="form-group clearfix">
                <a class="btn-block btn btn-default pull-right pl20 pr20
                        SFLogin
             "


                   onclick='ga("send", "event", "email login button", "clicked", "login modal");'>
                    注册新账号
                </a>
            </div>
            <p class="text-muted text-center mb15">登录即表示你同意网站的<a href="/tos" target="_blank">《服务条款》</a></p>        </div>
    </div>
</script>
<script id="bindPhoneModal" type="text/template">
    <div class="bg-white bindphone-model">
        <div class="alert alert-warning" role="alert">
            为了保证账号安全，请先绑定手机
        </div>
        <div>
            <form class="form-horizontal form__bindphone-apply" style="background-color:#fff;padding:0;">
                <div class="form-group ">
                    <label for="phoneNumber" class="col-sm-3 control-label required" >手机号码</label>
                    <div class="col-sm-6">
                        <input type="text" class="form-control bindphone--phone" id="phoneNumber" name="phone" placeholder="仅只支持大陆手机号">
                    </div>
                    <div class="col-sm-3"></div>
                </div>
                <div class="form-group">
                    <label for="authCode" class="col-sm-3 control-label required">验证码</label>
                    <div class="col-sm-6">
                        <div class="input-group">
                            <input type="text" class="form-control bindphone--code" name="code" placeholder="短信验证码">
                            <span class="input-group-btn">
                                <button class="btn btn-default user-bind__phone-vaild-btn" type="button">获取验证码</button>
                            </span>
                        </div>
                    </div>
                    <div class="col-sm-3"></div>
                </div>
            </form>
        </div>

    </div>
</script>


<script>
//    window.serverTime = 1541602703000;window.serverTime = 1541602703000;
</script>

<script>
//    (function (w) {
//        w.SF = {
//            staticUrl: "https://static.segmentfault.com/v-5be168e8"
//        };
//        w.SF.token = (function () {
//            var _y1K = 'yl'//'yl'
//                +'24'//'3jy'
//                +'35'//'HB'
//                +'fb1'//'g8'
//                +''///*'n1'*/'n1'
//                +'1ca'//'B'
//                +'12'//'y'
//                +'46'//'7'
//                +//'cP'
//                'c'+'44'//'X'
//                +'3a'//'W6'
//                +/* 'W'//'W' */''+//'1'
//                'b'+//'N'
//                'd4'+//'Bv'
//                'b2'+//'VfG'
//                '0'+'R'//'R'
//                +//'i1H'
//                'd94'+'42'//'g'
//                +/* '15t'//'15t' */''+'6'//'a'
//                +'2'//'W'
//                , _5sS = [[0,2],[25,26]];
//
//            for (var i = 0; i < _5sS.length; i ++) {
//                _y1K = _y1K.substring(0, _5sS[i][0]) + _y1K.substring(_5sS[i][1]);
//            }
//
//            return _y1K;
//        })();;
//    })(window);
//
//    var lock = {
//        type: "",
//        text: '',
//        table: {"ban_post":[1,"\u4f60\u5df2\u7ecf\u88ab\u7981\u8a00, \u65e0\u6cd5\u8fdb\u884c\u6b64\u64cd\u4f5c, \u5982\u6709\u7591\u4e49\u8bf7\u63d0\u4ea4\u7533\u8bc9, \u6216\u8005\u53d1\u90ae\u4ef6\u5230pr@segmentfault.com"]}
//    };
//
//    var ddosMode = false;
//
//    (function (currentUrl) {
//        if (typeof URL != 'undefined') {
//            var baseUrl = new URL('https://segmentfault.com');
//
//            if (baseUrl.protocol != currentUrl.protocol
//                || baseUrl.host != currentUrl.host) {
//                window.location.href = baseUrl.protocol + '//' + baseUrl.host
//                    + currentUrl.pathname + currentUrl.search + currentUrl.hash;
//            }
//        }
//    })(window.location);
</script>

<script crossorigin src="https://static.segmentfault.com/v-5be168e8/3rd/assets.js"></script>

<script crossorigin src="https://static.segmentfault.com/v-5be168e8/blog/script/post.min.js"></script>


<script>
//    if (!!navigator.userAgent.match(/MicroMessenger/i)) {
//        require.config({
//            paths: { weixin_jsapi: '//res.wx.qq.com/open/js/jweixin-1.2.0' }
//        });
//
//        require(['weixin_jsapi'], function (wx) {
//            var share = {"title":"\u4f60\u6240\u4e0d\u77e5\u9053\u7684 CSS \u9634\u5f71\u6280\u5de7\u4e0e\u7ec6\u8282","desc":"\u6700\u8fd1\u4e00\u4e2a\u65b0\u7684\u9879\u76ee\uff0cCSS-Inspiration\uff0c\u6316\u6398\u4e86\u5176\u4ed6\u5f88\u591a\u6709\u5173 CSS \u9634\u5f71\u7684\u70b9\u5b50\uff0c\u662f\u4e4b\u524d\u7684\u6587\u7ae0\u6ca1\u6709\u8986\u76d6\u5230\u7684\u65b0\u5185\u5bb9\uff0c\u800c\u4e14\u6709\u4e00\u4e9b\u5f88\u6709\u610f\u601d\uff0c\u9042\u6253\u7b97\u518d\u8d77\u4e00\u7bc7\u3002","link":"https:\/\/segmentfault.com\/a\/1190000016935062","imgUrl":"https:\/\/user-images.githubusercontent.com\/8554143\/47716655-60a1b300-dc7e-11e8-9600-6c5bf9b0020d.jpg"};
//            share.title += ' - SegmentFault 思否';
//
//            $.getJSON('/api/util/weixin/jsapi', function (o) {
//                methods = o.data.jsApiList.slice();
//
//                wx.config(o.data);
//                wx.error(console.error);
//                wx.ready(function () {
//                    methods.forEach(function (method) {
//                        wx[method](share);
//                    });
//                });
//            });
//        });
//    }
</script>

<script>
//    var _gaq = _gaq || [];
//    _gaq.push(['_setAccount', 'UA-918487-8']);
//    _gaq.push(['_trackPageview']);
//    (function (i, s, o, g, r, a, m) {
//        i['GoogleAnalyticsObject'] = r;
//        i[r] = i[r] || function () {
//            (i[r].q = i[r].q || []).push(arguments)
//        }, i[r].l = 1 * new Date();
//        a = s.createElement(o),
//            m = s.getElementsByTagName(o)[0];
//        a.async = 1;
//        a.src = g;
//        m.parentNode.insertBefore(a, m)
//    })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
//
//
//
//
//
//
//    ga('create', 'UA-918487-8', 'auto', {
//        'userID'
//            : 0,
//        'createdTime'
//            : 0,
//        'now'
//            : 1541602703,
//        'allowLinker'
//            : true });
//    ga('require', 'linker');
//    ga('linker:autoLink', ['docs.segmentfault.com'] );
//    ga('set', 'dimension1', 'guest');
//    ga('send', 'pageview');

</script>

<script>
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "//hm.baidu.com/hm.js?e23800c454aa573c0ccb16b52665ac26";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>



</body>
</html>

